<!DOCTYPE html>
<html>

<head>

    <meta charset="UTF-8">

    <title>多级菜单</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Iconos -->
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

    <link rel="stylesheet" href="accordion.css" media="screen" type="text/css"/>

</head>

<body>
<div style="text-align:center;clear:both">
    <!--<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>-->
    <!--<script src="/follow.js" type="text/javascript"></script>-->
</div>
<!-- Contenedor -->
<ul id="accordion" class="accordion">
    <li>
        <div class="link"><!--<i class="fa fa-paint-brush"></i>-->Diseño web<i class="fa fa-chevron-down"></i></div>
        <ul class="submenu">
            <li>
                <div href="#" class="link">Photoshop<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                    <li>
                        <div class="link">测试1<i class="fa fa-chevron-down"></i></div>
                        <ul class="submenu">
                            <li><a href="#">测试123</a></li>
                            <li><a href="#">测试234</a></li>
                            <li><a href="#">测试345</a></li>
                        </ul>
                    </li>
                    <li><a href="#">测试2</a></li>
                    <li><a href="#">测试3</a></li>
                </ul>
            </li>
            <li><a href="#">HTML</a></li>
            <li><a href="#">CSS</a></li>
            <li><a href="#">Maquetacion web</a></li>
        </ul>
    </li>
    <li>
        <div class="link"><!--<i class="fa fa-code"></i>-->Desarrollo front-end<i class="fa fa-chevron-down"></i></div>
        <ul class="submenu">
            <li><a href="#">Javascript</a></li>
            <li><a href="#">jQuery</a></li>
            <li><a href="#">Frameworks javascript</a></li>
        </ul>
    </li>
    <li>
        <div class="link"><!--<i class="fa fa-mobile"></i>-->Diseño responsive<i class="fa fa-chevron-down"></i></div>
        <ul class="submenu">
            <li><a href="#">Tablets</a></li>
            <li><a href="#">Dispositivos mobiles</a></li>
            <li><a href="#">Medios de escritorio</a></li>
            <li><a href="#">Otros dispositivos</a></li>
        </ul>
    </li>
    <li>
        <div class="link"><!--<i class="fa fa-globe"></i>-->Posicionamiento web<i class="fa fa-chevron-down"></i></div>
        <ul class="submenu">
            <li><a href="#">Google</a></li>
            <li><a href="#">Bing</a></li>
            <li><a href="#">Yahoo</a></li>
            <li><a href="#">Otros buscadores</a></li>
        </ul>
    </li>
</ul>

<script src='https://cdn.bootcss.com/jquery/1.12.4/jquery.js'></script>

<script src="accordion.js"></script>

</body>

</html>